<html>
<head>
  <script src="../lib/OpenLayers.js"></script>
  <script type="text/javascript"><!--
    var map; 
    function test_01_Control_PanZoomBar_constructor (t) {
        t.plan( 1 );
    
        control = new OpenLayers.Control.PanZoomBar();
        t.ok( control instanceof OpenLayers.Control.PanZoomBar, "new OpenLayers.Control.PanZoomBar returns object" );
    }
    function test_02_Control_PanZoomBar_addControl (t) {
        t.plan( 8 );
        map = new OpenLayers.Map('map', {controls:[]});
        control = new OpenLayers.Control.PanZoomBar();
        t.ok( control instanceof OpenLayers.Control.PanZoomBar, "new OpenLayers.Control.PanZoomBar returns object" );
        t.ok( map instanceof OpenLayers.Map, "new OpenLayers.Map creates map" );
        map.addControl(control);
        t.ok( control.map === map, "Control.map is set to the map object" );
        t.ok( map.controls[0] === control, "map.controls contains control" );
        t.eq( parseInt(control.div.style.zIndex), 1001, "Control div zIndexed properly" );
        t.eq( parseInt(map.viewPortDiv.lastChild.style.zIndex), 1001, "Viewport div contains control div" );
        t.eq( control.div.style.top, "4px", "Control div top located correctly by default");

        var control2 = new OpenLayers.Control.PanZoomBar();
        map.addControl(control2, new OpenLayers.Pixel(100,100));
        t.eq( control2.div.style.top, "100px", "2nd control div is located correctly");
    }
  // -->
  </script>
</head>
<body>
    <div id="map" style="width: 1024px; height: 512px;"/>
</body>
</html>
